<template>
    <div>
      <div class="nav">
        <router-link to="/gerenxinxi">
          <img src="../../assets/lyl/image/tuijian/BMQD-1.png" alt="">
        </router-link>
        <span>绑定手机号</span>
        <span @click="baocu(pone)">保存</span>
      </div>
      <input type="number" v-model="pone">
    </div>
</template>

<script>
    export default {
      name: "Bdpone",
      data(){
        return {
          pone:'15012340809'
        }
      },
      methods:{
        baocu(val){
          this.$store.commit('bdpon',val);
          history.go(-1);
        }
      }
    }
</script>

<style scoped>
  .nav{
    padding: 2rem;
    background: #e53e42;
    display: flex;
    justify-content: space-between;
  }
  .nav span{
    color: #fff;
    font-size: 36px;
  }
  .nav span:nth-child(3){
    font-size: 30px;
  }
  input{
    display: block;
    font-size: 28px;
    width: 90%;
    height: 8rem;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
  }
</style>
